<template>
	<div>
		<Header />
		<div>
			<div style="position: relative;">
				<img style="width: 100%;height: auto;" src="@/assets/images/industryNews40.jpg">
				<div style="position: absolute;bottom: 5px;left: 0;background-color: rgba(0, 0, 0, 0.2);width: 100%;">
					<div class="indexContainer mobileFontSize12"
						style="display: flex;align-items: center;font-size: 16px;color: #fff;padding: 10px 0;">
						<img style="width: 12px; height: 15px" src="@/assets/images/industryNews30.png" />
						<span style="padding-left:5px;">当前位置：</span>
						<span>首页</span>
						<span style="padding: 0 5px;">></span>
						<span>业务协同</span>
					</div>
				</div>
			</div>

			<div class="indexContainer mobilePadding"
				style="display: flex;align-items: center;justify-content: center;padding: 30px 0;">
				<div>
					<el-row>
						<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
							<img style="width: 100%;height: auto;"
								src="@/assets/images/industryNews41.png">
							<div v-html="businessInfo.text" v-loading="loading" style="margin: 40px 0;"></div>
							
							<el-empty v-if="JSON.stringify(businessInfo)=='{}' && loading==false"
								description="暂无内容"></el-empty>
						</el-col>
					</el-row>
				</div>
			</div>
		</div>

		<Footer />
	</div>
</template>
<script>
	import Header from "@/components/home/header/header";
	import Footer from "@/components/home/footer/footer";

	import {
		getBusinessList,
		getBusinessListDetail
	} from "@/request/api/business";
	
	export default {
		components: {
			Header,
			Footer,
		},
		data() {
			return {
				
				loading: false,

				businessInfo: {}, //业务协同详情

				page: 1,
				total: 0,
				listData: []
			}
		},
		created() {
			if (window.sessionStorage.getItem("userInfo") !== null) {
				this.userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
				// console.log('this.userInfo',this.userInfo)
			}
			this.getList()
		},
		methods: {
			// 获取联合体列表
			getList() {
				this.listData = []
				this.loading = true
				let params = {
					auditStatus:1
				}
				getBusinessList(params).then((res) => {
					// console.log('res',res)
					this.loading = false
					if (res.data.code == 200) {
						let list = res.data.result.items
						if (list.length) {
							getBusinessListDetail(list[0].id).then((res) => {
								// console.log('res',res)
								this.loading = false
								if (res.data.code == 200) {
									this.businessInfo = res.data.result
								} else {
									this.$message({
										message: res.data.message,
										type: "warning",
									});
								}
							}).catch((err) => {
								this.loading = false
								console.log('err', err)
							})
						}
					} else {
						this.$message({
							message: res.data.message,
							type: "warning",
						});
					}
				}).catch((err) => {
					this.loading = false
					console.log('err', err)
				})
			},
		}
	}
</script>
<style lang="less" scoped>
	/* 适用于手机的样式 */
	@media (max-width: 767px) {
		.mobileNone {
			display: none;
		}

		.mobileBlock {
			display: block !important;
		}

		.mobileMargin {
			margin: 10px !important;
		}

		.mobilePadding {
			padding: 0 10px !important;
		}

		.mobileFontSize14 {
			font-size: 14px !important;
		}

		.mobileFontSize12 {
			font-size: 12px !important;
		}
	}

	.plan:hover {
		cursor: pointer;
		overflow: hidden;
		box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
		transform: scale(1.01, 1.01);
		transition-delay: 0.15s;

		.apply {
			transition-delay: 0.15s;
			background-color: #2468f2;
			color: #fff !important;
		}
	}

	/deep/.el-pagination.is-background .btn-prev {
		background-color: #fff;
		border: 1px solid #ccc;
	}

	/deep/.el-pagination.is-background .el-pager li {
		background-color: #fff;
		border: 1px solid #ccc;
	}

	/deep/.el-pagination.is-background .btn-next {
		background-color: #fff;
		border: 1px solid #ccc;
	}

	/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
		background: linear-gradient(to bottom right, #266af2, #76a0f5);
	}
</style>